﻿<script type="text/javascript">
    $(function () {
        $('#div_chart2').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Order Per Days'
            },
            subtitle: {
                text: '@ViewBag.FromTo'
            },
            xAxis: {
                type: 'datetime'
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Order(s)'
                }
            },
            legend: {
                enabled: false
            },
            tooltip: {
                pointFormat: 'Order per days: <b>{point.y} order(s)</b>'
            },
            plotOptions: {
                column: {
                    pointPadding: 0,
                    borderWidth: 0
                }
            },
            series: [{
                name: 'Order per days',
                data: [
                    @Html.Raw(ViewBag.Data)
                ]
            }]
        });
        
    });
</script>
<div id="div_chart2" style="min-width: 310px; height: 400px; margin: 0 auto"></div>